<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- FUCK 360  -->
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/pure.min.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/essay_list.css">
    </head>
    <body>

        <!-- Add your site or application content here -->
        <div class="out-body-head">
            <div id="head" class="body pure-g">
                <div style="height:41px;/*Fuck 360 margin and default style!*/" class="pure-u-2-3"></div>
                <div id="door" class="pure-u-1-12">
                    <a href="#">掌云入口</a>
                </div>
                <div id="log_in_out" class="pure-u-1-12">
                    <a href="#">登录</a>
                    <span class="like_a">/</span>
                    <a href="#">注册</a>
                </div>
                <div id="search" class="pure-u-1-6">
                    <div id="lang">
                        <span><a href="#" id="lang-zh">中文</a></span>
                        <span><a href="#" id="lang-en">English</a></span>
                    </div>
                    <div id="search_text">
                        <input name="q" type="text">
                    </div>
                </div>
            </div>
        </div>
        <div class="out-body-nav">
            <div id="nav" class="body pure-g">
                <div class="nav-item pure-u-1-8"><span>
                        <a href="index.html"><h2>首页</h2></a>
                    </span></div>
                <div data-nav-index="1" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>产品中心</h2></a>
                    </span>
                    <div data-nav-content="1" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:200px;">1</div>
                </div>
                <div data-nav-index="2" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>技术中心</h2></a>
                    </span>
                    <div data-nav-content="2" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:300px;">2</div>
                </div>
                <div data-nav-index="3" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>解决方案</h2></a>
                    </span>
                    <div data-nav-content="3" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:400px;">3</div>
                </div>
                <div data-nav-index="4" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>关于我们</h2></a>
                    </span>
                    <div data-nav-content="4" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:500px;">4</div>
                </div>
                <div data-nav-index="5" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>联系我们</h2></a>
                    </span>
                    <div data-nav-content="5" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:600px;">5</div>
                </div>
                <div data-nav-index="6" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>商城入口</h2></a>
                    </span>
                    <div data-nav-content="6" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:700px;">6</div>
                </div>
            </div>
        </div>
<!--         <div id="nav_content" class="body">
    <div data-nav-content="1" class="nav-content-item" style="opacity:0;">1</div>
    <div data-nav-content="2" class="nav-content-item" style="opacity:0;">2</div>
    <div data-nav-content="3" class="nav-content-item" style="opacity:0;">3</div>
    <div data-nav-content="4" class="nav-content-item" style="opacity:0;">4</div>
    <div data-nav-content="5" class="nav-content-item" style="opacity:0;">5</div>
    <div data-nav-content="6" class="nav-content-item" style="opacity:0;">6</div>
</div> -->

        
        <div class="out-body-essay">
            <div class="essay-nav body">
                <a href="" class="home">HOME</a>
                <span class="next"> > </span>
                <a href="">产品中心</a>
                <span class="next"> > </span>
                <a href="" class="focus">文章标题3</a>
            </div>
            <div id="essay_list" class="pure-g body clearfix">
                <div class="essay-list pure-u-1-5">
                    <div class="essay-list-head">
                        <h2>产品中心</h2>
                        <h3>PRODUCES</h3>
                    </div>
                    <ul>
                        <li class="essay-list-item"><a href="">文章标题1</a></li>
                        <li class="essay-list-item"><a href="">文章标题2</a></li>
                        <li class="essay-list-item hover"><a href="">文章标题3</a></li>
                        <li class="essay-list-item"><a href="">文章标题4</a></li>
                        <li class="essay-list-item"><a href="">文章标题5</a></li>
                        <li class="essay-list-item"><a href="">文章标题6</a></li>
                        <li class="essay-list-item"><a href="">文章标题7</a></li>
                        <li class="essay-list-item"><a href="">文章标题8</a></li>
                    </ul>
                    <div class="essay-banner">
                        <div class="essay-banner-item info">
                            <p>中国移动TD-SCDMA网络</p>
                            <p>王建宇：TD-LTE产业链发</p>
                            <p>中航掌控(北京)科技有限公司</p>
                        </div>
                        <div class="essay-banner-item contact">
                            <p>地址：北京市海淀区海淀南路19号时代网络大厦5012室</p>
                            <p>电话：82666561</p>
                            <p>传真：82666563</p>
                            <p>邮件：M1206B@126.com</p>
                            <p>网站：<a href="http://www.zhkong.com">www.zhkong.com</a></p>
                        </div>
                    </div>
                </div>
                <div class="essay_time_list pure-u-3-4 clearfix">
                    <div class="title">
                        <img src="../img/news_icon.png" alt="news">
                        <h2 class="title">新闻动态</h2>
                        <i>➤</i>
                    </div>
                    
                    <div class="content">
                        <ul>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略1</a></span><span class="time">[2013-11-1]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略2</a></span><span class="time">[2013-11-2]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略3</a></span><span class="time">[2013-11-3]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略4</a></span><span class="time">[2013-11-4]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略5</a></span><span class="time">[2013-11-5]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略6</a></span><span class="time">[2013-11-6]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略7</a></span><span class="time">[2013-11-7]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略8</a></span><span class="time">[2013-11-8]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略9</a></span><span class="time">[2013-11-9]</span></li>
                            <li class="clearfix"><i class="li-icon">◈</i><span class="title"><a href="#">中兴通讯发布融合网络管理发展战略10</a></span><span class="time">[2013-11-10]</span></li>
                        </ul>
                        <hr>
                        <div class="pages">
                            <span class="pages-num">
                                总共<span class="total-pages-num">25</span>页 当前第<span class="current-page-num">1</span>/<span class="total-pages-num">25</span>页  
                            </span>
                            <span class="pages-controller">
                                <span class="first-page"><a href=""><img src="../img/first.png" alt="first"><br>首页</a></span>
                                <span class="per-page"><a href=""><img src="../img/per.png" alt="per"><br>上一页</a></span>
                                <span class="next-page"><a href=""><img src="../img/next.png" alt="next"><br>下一页</a></span>
                                <span class="last-page"><a href=""><img src="../img/last.png" alt="last"><br>尾页</a></span>
                            </span>
                            <select class="pages-jump" name="" id="">
                                <option value="#">跳至</option>
                                <option value="1">第1页</option>
                                <option value="2">第2页</option>
                                <option value="3">第3页</option>
                                <option value="4">第4页</option>
                                <option value="5">第5页</option>
                                <option value="6">第6页</option>
                                <option value="7">第7页</option>
                                <option value="8">第8页</option>
                                <option value="9">第9页</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="out-body-footer">
            <!-- div#footer.body.pure-g>div.lnc-info.pure-u-1-3+div.vertical-line.pure-u-1-12+div#server.pure-u-7-12.pure-g>div.server-list.pure-u-1-4*4>span>span.icon-h4{服务项}+ul>(li>a{服务内容})*6 -->
            <div id="footer" class="body pure-g">
                <div class="lnc-info pure-u-1-3"><!-- 
                    div.inc-info>div.inc-logo+div.inc-phone+div.inc-email>a[href=mailto://M1206B@126.com]>img[src=/img/email.png][alt=M1206B@126.com] -->

                    <div class="inc-info">
                        <div class="inc-logo"></div>
                        <div class="inc-phone"></div>
                        <div class="inc-email"><a href="mailto://M1206B@126.com"><img src="./img/email.png" alt="M1206B@126.com"></a></div>
                    </div>
                </div>
                <div class="vertical-line pure-u-1-12"></div>
                <div id="server" class="pure-u-7-12 pure-g">
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-buy"><img src="./img/help-buy.png" alt="购买说明"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-sold"><img src="./img/help-sold.png" alt="售后服务"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-proxy"><img src="./img/help-proxy.png" alt="代理商"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-office"><img src="./img/help-office.png" alt="办事处"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                </div>
            </div>
            <div class="copyright">
                <h4>Copyright &copy; 2012-2050 Rights Reserved 中航掌控（北京）科技有限公司</h4>
            </div>
        </div>
        <script src=".//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/nav.js"></script>

    </body>
</html>
